<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{layout :: css(~{::title},~{::link})}">
    <link href="/css/ab.css" type="text/css" rel="stylesheet" />
    <title>用户管理界面</title>
</head>
<body>
<div th:insert="~{layout::sidebar(activeURI='one')}"></div>
<div class="right" >
    <div th:insert="~{accounttop::top}"></div>
    <div  style="padding-left: 50px; width: 60%;">
    <div class="ab">
<h3>用户基本信息：</h3>
        <form action="/baocun" method="post">
<table>
    <tr>
        <td>名：</td>
        <td><input type="text" name="firstName" th:value="${loginAccount.firstname}"/></td>
    </tr>
    <tr>
        <td>姓：</td>
        <td><input type="text" name="lastName" th:value="${loginAccount.lastname}"/></td>
    </tr>
    <tr>
        <td>邮箱：</td>
        <td><input type="text" name="email" th:value="${loginAccount.email }"/></td>
    </tr>
    <tr>
        <td>电话：</td>
        <td><input type="text" name="phone" th:value="${loginAccount.phone}"/></td>

    </tr>
    <tr>
        <td>地址1：</td>
        <td><input type="text"  name="addr1" th:value="${loginAccount.addr1}" /></td>
    </tr>
    <tr>
        <td>地址2：</td>
        <td><input type="text"  name="addr2" th:value="${loginAccount.addr2}"/></td>
    </tr>
    <tr>
        <td>城市：</td>
        <td><input type="text" name="city" th:value="${loginAccount.city}"/></td>

    </tr>
    <tr>
        <td>州：</td>
        <td><input type="text"  name="state" th:value="${loginAccount.state}"/></td>

    </tr>
    <tr>
        <td>邮编：</td>
        <td><input type="text" name="zip" th:value="${loginAccount.zip}"/></td>

    </tr>
    <tr>
        <td>乡镇：</td>
        <td><input type="text"  name="country" th:value="${loginAccount.country}"/></td>

    </tr>
</table>

<h3>偏好信息:</h3>

<table>

    <tr>
        <td>最喜欢的动物种类：</td>
        <td>
            <select name="favouriteCategoryId" th:value="${json.fav}">
                <option value="BIRDS" >BIRDS</option>
                <option value="CATS" >CATS</option>
                <option value="DOGS" >DOGS</option>
                <option value="FISH" >FISH</option>
                <option value="REPTILES" >REPTILES</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>语言：</td>
        <td>
            <select name="language" th:value="${json.lan}" >
                <option value="chinese" th:selected="${json.lan=='chinese'}">chinese</option>
                <option value="english" th:selected="${json.lan=='english'}">english</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>Enable MyList</td>
        <td><input type="checkbox"  name="listOption" th:checked="${json.myl==1}"/></td>
    </tr>
    <tr>
        <td>Enable MyBanner</td>
        <td><input type="checkbox"  name="bannerOption" th:checked="${json.ban==1}"/></td>
    </tr>
</table>
        <h3>登录信息：</h3>
        <table>
            <tr>
                <td>用户ID：</td>
                <td><input type="text" name="userid" th:value="${loginAccount.userid}" /></td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input type="text" name="password" id="password" th:value="${pass}"/><button id="reset" >重置密码</button></td>
            </tr>
        </table>

    <input type="submit" class="button button1"/>
        </form>
</div>
</div>
</div>
</body>
<script src="js/account.js" type="text/javascript"></script>
</html>